<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="p1">为对象注册多个事件</p>
<script>
var p1 = document.getElementById("p1");			// 捕获段落元素的句柄
p1.addEventListener("mouseover", function(){
    this.style.background = 'blue';
} , true); 										// 为段落元素注册第1个事件处理函数
p1.addEventListener("mouseout", function(){
    this.style.background = 'red';
}, true);										// 为段落元素注册第2个事件处理函数
</script> 
</body>
</html>
